
// 模块结构 
// 从主模块中引入模块装饰器
import { NgModule,Directive, ElementRef } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { AppRoutingModule } from './app-routing.module';
// 引入组件，因为模块为组件提供编译的上下文环境
import { AppComponent } from './app.component';
import {FormsModule} from '@angular/forms';
import { AsdComponent } from './asd/asd.component';
import { OrderModule } from './order/order.module';
import { AppTodo } from './todolist/Todo.module';
import { ReactiveFormsModule } from '@angular/forms';
// 
@NgModule({
  // 组合模块的组件和管道
  // 在页面中根据组件中select字段名称使用
  declarations: [
    AppComponent,
    AsdComponent,
  ],
  // 模块依赖项
  // 定义的组件模块在这里引入，模块中如果存在组件直接使用
  imports: [
    BrowserModule,
    AppRoutingModule,
    ReactiveFormsModule,
    FormsModule,
    OrderModule,
    AppTodo
  ],
  // 模块提供的服务
  providers: [],
  // 指定宿主组件，只在跟模块出现
  bootstrap: [AppComponent]  // 所有使用的组件都会在根模板上渲染
})
export class AppModule { }
